import {StyleSheet, Text, TouchableOpacity, View, Linking, Image} from 'react-native'
import React, {useEffect, useState} from 'react'
import PageScrollView from "@/components/PageScrollView";
import PageTabBar from "@/components/PageTabBar";
import FcModal from '@/components/FcModal';
import {Flex} from "@ant-design/react-native";


type Props = {}

const about = (props: Props) => {
  const [pageScrollBodyH, setPageScrollBodyH] = useState(0)
  const [permissionOpen, setPermissionOpen] = useState(false)

  const getScrollBodyInfo = ({height}) => {
    setPageScrollBodyH(height)
  }

  return (
    <PageScrollView
      isTransparentTab
      bodyStyle={{padding: 0}}
      getPageScrollBodyInfo={getScrollBodyInfo}
      pageTab={
        <PageTabBar
          style={{marginVertical: 10}}
          title={'关于我们'}
        />
      }
    >
      <View style={{height: pageScrollBodyH, backgroundColor: '#FFF'}}>
        <View style={styles.version_box}>
          <Image style={{width: 120, height: 120}} source={require('@/assets/images/public/logo.png')} resizeMode={'contain'}></Image>
          <Text style={{color: '#3D3D3D', marginTop: 10}}>版本号：1.0.0</Text>
        </View>

        <TouchableOpacity onPress={() => Linking.openURL('https://zhilingxing.com/privacy.html')}>
          <Flex style={styles.form_item} justify='between'>
            <Text style={{fontSize: 15}}>隐私协议</Text>
            <Text style={{fontFamily: 'FcIconFont', fontSize: 16, color: 'rgba(0, 0, 0, 0.5)', marginLeft: 5}}>&#xe678;</Text>
          </Flex>
        </TouchableOpacity>
        <TouchableOpacity onPress={() => setPermissionOpen(true)}>
          <Flex style={styles.form_item} justify='between'>
            <Text style={{fontSize: 15}}>应用权限</Text>
            <Text style={{fontFamily: 'FcIconFont', fontSize: 16, color: 'rgba(0, 0, 0, 0.5)', marginLeft: 5}}>&#xe678;</Text>
          </Flex>
        </TouchableOpacity>
        <Text style={styles.about_text}>深圳市飞橙教育有限公司 版权所用</Text>
      </View>

      {/* 应用权限弹窗 */}
      <FcModal
        isOpen={permissionOpen}
        onFcModalClose={() => setPermissionOpen(false)}
        titleText='应用权限'
        titleBottomBorderWidth={1}
      >
        <View style={{paddingHorizontal: 16, paddingVertical: 12}}>
          <Text style={{lineHeight: 26}}>1、用户上传的声音等音频应为用户本人的声音，用户不得上传他人的声音进行声音克隆，也不得实施任何侵犯他人声音权等合法权益的行为。 2、用户应自行对其提供的声音等信息资料、利用我司提供的服务所从事的活动、通过我司提供的产品进行的活动所引起的一切后果承担全部责任，我司对此不承担任何责任。 3、用户使用声音克隆产品及相关服务，以及制作、发布、传播的内容应自觉遵守法律法规、社会主义制度、国家利益、公民合法权益、社会公共秩序、道德风尚、公序良俗和信息真实性等“七条底线”要求，否则我司将立即采取相应处理措施（包括但不限于：注销账号等）。用户不得发表下列信息，也不得利用声音克隆产品及相关服务进行如下行为： （1）反对宪法确定的基本原则的； （2）危害国家安全，泄露国家秘密； （3）颠覆国家政权，推翻社会主义制度，煽动分裂国家，破坏国家统一的； （4）损害国家荣誉和利益的； （5）宣扬恐怖主义、极端主义的； （6）宣扬民族仇恨、民族歧视，破坏民族团结的； （7）煽动地域歧视、地域仇恨的； （8）破坏国家宗教政策，宣扬邪教和迷信的； （9）编造、散布谣言、虚假信息，扰乱社会秩序、破坏社会稳定的； （10）散布、传播淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的； （11）危害网络安全、利用网络从事危害国家安全、荣誉和利益的； （12）侮辱或者诽谤他人，侵害他人合法权益的； （13）对他人进行暴力恐吓、威胁，实施人肉搜索的； （14）涉及他人隐私、个人信息或资料的； （15）散布污言秽语，损害社会公序良俗的； （16）侵犯他人隐私权、名誉权、肖像权、声音权、知识产权等合法权益内容的； （17）侵害未成年人合法权益或者损害未成年人身心健康的； （18）包含恐怖、暴力血腥、高危险性、危害自身或他人身心健康内容的，包括但不限于以下情形：任何暴力和/或自残行为内容；任何威胁生命健康，或危及自身或他人人身及/或财产权利的内容；怂恿、诱导他人参与可能会造成人身伤害或导致死亡的危险或违法活动的内容。 （19）其他违反法律法规、政策及公序良俗、干扰本软件/平台正常运营或侵犯其他用户或第三方合法权益内容的其他信息。 4、用户还应遵守本软件/平台的《用户协议》的约定。 5、如用户违反前述规定，我司有权随时限制或拒绝您使用账号，甚至注销账号。 6、因用户违反法律法规、《用户协议》或本使用规范造成处罚、违约或侵犯第三方合法权益等的，由用户自行解决。如果给我司造成损失，我司有权向用户追偿其因此所遭受的全部损失（包括其直接损失、间接损失、预期利益损失等），我司因维权所支出的合理费用（包括但不限于律师费、差旅费、公证费、诉讼费等）均由用户承担。</Text>
        </View>
      </FcModal>
    </PageScrollView>
  )
}

export default about

const styles = StyleSheet.create({
  version_box: {
    height: 200,
    display: 'flex',
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F1F2F4'
  },
  form_item: {
    height: 56,
    marginHorizontal: 16,
    borderBottomWidth: 0.5,
    borderColor: 'rgba(0, 0, 0, 0.1)',
  },
  about_text: {
    position: 'absolute',
    bottom: 50,
    width: '100%',
    textAlign: 'center',
    fontSize: 12,
    color: 'rgba(0, 0, 0, 0.5)',
  }
})

